<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="hotcss" content="initial-dpr=1">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0" />
    <meta content="telephone=no,email=no” name=”format-detection" />
    <meta name="format-detection" content="telephone=no">
    <title><{$content.title}>-<{$website.title}></title>
	<meta name="keywords" content="<{$content.keywords}>">
	<meta name="description" content="<{$content.description}>">
    <link href="__STATIC__/css/bootstrap.min.css" rel="stylesheet">
    <link href="__STATIC__/css/swiper-3.4.2.min.css" rel="stylesheet">
	<link href="__STATIC__/css/share.css" rel="stylesheet">
    <link href="__STATIC__/css/designer.css" rel="stylesheet">
    <script type="text/javascript" src="__STATIC__/js/jquery-2.1.4.js"></script>
    <script type="text/javascript" src="__STATIC__/js/swiper-3.4.2.jquery.min.js"></script>
</head>
<body>
<!--头部开始-->
<{include file="public/head"}>
<!--banner图-->
<!--面包屑开始-->
<div class="crumbs">
	<div class="container">
		<{include file="public/position"}>
	</div>
</div>
<!--面包屑结束-->
<!--精品详情开始-->
<div class="designerdetailswrap">
	<div class="container">
		<div class="designerleft col-xs-9 ">
			<div class="designer clearfix">
				<div class="pic col-xs-4">
					<img src="<{$content.ico}>" />
				</div>
				<div class="designertext  col-xs-8">
					<h4 class="name"><{$content.title}> <span><{$content.subtitle}></span></h4>
					<ul>
						<li>从业经验：<{$content.ext_exper}>    案例：<{$content.ext_casnum}>套</li>
						<li>擅长风格：<{$content.description}></li>
						<li>所属公司：<{$content.ext_company}></li>
					</ul>
					<div class="dbtnwrap">
						<a href="#design" class="btn1">为我设计</a>
						<a href="#list" class="btn2">全部案例</a>
					</div>
				</div>
			</div>
			  <{$content.content}>
		</div>
		<div class="subright col-xs-3">
			<div class="subform">
				<div class="title">
					<h3>草邦CMS 装饰【先施工·后付款】</h3>
					<p>报名即刻领取2000元家装抵用券</p>
				</div>
				<div class="formcon">
					<div class="inputbox">
						<input type="text" name="contacts1" id="contacts1" placeholder="请输入姓名：" />
					</div>
					<div class="inputbox">
						<input type="text" name="mobile1"  id="mobile1" placeholder="请输入电话：" />
					</div>
					<div class="inputbox">
						<input type="text"  name="mianji1" id="mianji1" placeholder="请输入房屋面积：" />
					</div>
				</div>
				<div class="formbtn">
					<a href="javascript:;" id="submitFormn">提交申请</a>
				</div>
			</div>
			<div class="subtel">
				<img src="__STATIC__/images/case/case_03.jpg" />
			</div>
			<div class="subnewslist">
				<h3>热门新闻</h3>
				<ul>
					<{volist name=":contentlist(4,5,'visits desc,id desc')" id="li"}>
					<li>
						<a href="<{$li.link}>"><{:msubstr($li.title,0,20)}></a>
					</li>
					<{/volist}>			
				 
				</ul>
			</div>
		</div>
	</div>
</div>
<!--精品详情结束-->


<!--列表开始-->
<div class="caselistwrap">
	<div class="container">
		<div class="title" id="list">
			<h4>设计师案例</h4>
		</div>
		<div class="listcon clearfix">
		<{assign name="cid" value="$content.id"}>
		<{volist name=":contentlist(7,8,'id desc','lkid='.$cid)" id="lv"}>
		<div class="item">
			<div class="pic">
				<a href="<{$lv.link}>"><img src="<{$lv.ico}>" /></a>
			</div>
			<div class="textwrap clearfix">
				<div class="text">
					<h3><{$lv.title}></h3>
					<p><{:get_whole_field($lv.rund1)}> <{:get_whole_field($lv.rund2)}> <{:get_whole_field($lv.rund3)}></p>
				</div>
			</div>
		</div>
		<{/volist}>
		</div>
		
	</div>
</div>
<!--列表结束-->
<!--表单开始-->
 <{include file="public/freedbook"}>
<!--表单结束-->
<!--底部导航-->
<{include file="public/footer"}>
<script>
    $("#submitFormn").click(function () {
		var contacts1 = $('#contacts1').val();
		if(!contacts1) {
			layer.msg('请输入姓名');return false;
		}
		
		var mobile1 = $('#mobile1').val();
		if(!mobile1 || !isPhoneNo1(mobile1)){
			layer.msg('请输入正确的手机号');return false;
		}
		var mianji1 = $('#mianji1').val();
		if(!mianji1) {
			layer.msg('请输入房屋面积');return false;
		}
		var input_val1 = {
            contacts: contacts1,
			mianji: mianji1,
            mobile: mobile1
        };	
        $.ajax({
            type: "post",
            url: "index/Freedbook/",
            data: input_val1,
            success: function (result) {
                if (result.status === 1) {
					 layer.msg(result.info);
					 $('#mianji1').val('');
					 $('#contacts1').val('');
					 $('#mobile1').val('');
					 
                }else{
					layer.msg(result.info);
				}
            }
        });
    });
	function isPhoneNo1(phone) {
        var pattern = /^1[345789]([0-9]{9})$/;
        return pattern.test(phone);
    }
</script>  
</body>
</html>
